<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统登录主页</title>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
}

/** 主区域div*/
#main {
	width: 800px;
	height: 600px;
	background-color: gainsboro;
	align-self: center;
	margin: 10px auto;
}

/**类选择器***/
.rowLine {
	width: 100%;
}

.column {
	/**浮动方向*/
	float: left;
	width: 50%;
	height: 20px;
	margin: 5px 0px;
}

.column span {
	margin-left: 300px;
}
</style>
</head>
<body>
<!-- from表单的action属性，指明该客户端请求发送到服务器端的控制层的对象的路径名；
     对应关系：from表单的action属性和控制层 contrller中的servlet类的注解的值一一对应；
 -->
	<form action="${sessionScope.basePath }LoginServlet" method="post">
		<!--主区域--->
		<div id="main">
			<!---rowline--->
			<div class="rowLine">
				<!---列1--->
				<div class="column">
					<span>用户名:</span>
				</div>
				<div class="column">
					<input type="text" id="userName" name="userName" />
				</div>
			</div>
			<!---rowline--->
			<div class="rowLine">
				<!---列1--->
				<div class="column">
					<span>密码:</span>
				</div>
				<div class="column">
					<input type="password" id="userPsw" name="userPsw" />
				</div>
			</div>

			<!---rowline--->
			<div class="rowLine">
				<!---列1--->
				<div class="column">
					<span><input type="submit" value="登录" /></span>
				</div>
				<div class="column">
					<input type="reset" value="重置" />
				</div>
			</div>
		</div>
		<!--主区域 结束--->
	</form>
</body>
</html>